

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import locale from 'antd/es/date-picker/locale/zh_CN';
import { toJS } from 'mobx'
import { Popconfirm, Progress, notification, message, Modal, Drawer, Alert, Tabs, Table, Divider, Tag, Timeline, Tree, Statistic, Popove, List, Empty, Descriptions, Calendar, Card, Carousel, Collapse, Tooltip, Comment, Badge, Avatar, TimePicker, Transfer, TreeSelect, Select, Slider, Switch, Radio, Rate, Mentions, InputNumber, Input, Form, DatePicker, Cascader, Checkbox, AutoComplete, Button, Upload, Icon, Spin, Typography, Row, Col, Header, Footer, Sider, Content, Affix, Breadcrumb, Menu, Dropdown, Pagination, PageHeader, Steps } from 'antd'
import moment from 'moment';
import 'moment/locale/zh-cn';
import $ from "jquery";
import s from '../../assets/less/YunYing/TimeSelect.less'
const { SubMenu } = Menu;
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
const { Step } = Steps;
const { Title } = Typography;
const { Option } = Mentions;
const { Option1 } = Select;
const { Panel } = Collapse;
const { TabPane } = Tabs;
const { SHOW_PARENT } = TreeSelect;
moment.locale('zh-cn');
@inject('YunYingStore')
@observer
export class TimeSelect extends Component {
    render() {
        let that = this
        return (
            <React.Fragment>
                <RangePicker
                    showTime={{ format: 'HH:mm:ss' }}
                    format="YYYY-MM-DD HH:mm:ss"
                    placeholder={['开始日期', '结束日期']}
                    onChange={this.onChange}
                    onOk={onOk}
                />
            </React.Fragment>
        );
        function onOk() {
            that.props.YunYingStore.AddNowWhichStep('搜索第二步选择人体')
            that.props.YunYingStore.ChangeUploadShow(true)
        }
    }
    onChange = (value, dateString) => {
        this.props.YunYingStore.changeTime(dateString[0], dateString[1])
    }

}
